<template>
    <div>
     <h1>管理员登录</h1>
     <table class="table table-bordered">
        <tbody>
            <tr>
                <td align="right">账号</td>
                <td>
                    <input type="text"  v-model="info.UserName"/>
                </td>
            </tr>
            <tr>
                <td align="right">密码</td>
                <td>
                    <input type="password" v-model="info.UserPwd"/>
                </td>
            </tr>
            <tr>
                <td align="right"></td>
                <td>
                    <input type="button" value="登录" class="btn btn-primary" @click="login"/>
                </td> 
            </tr>
        </tbody>
     </table>
    </div>
</template>

<script setup lang="ts">

import {ref,reactive} from 'vue';
import axios from 'axios';
//创建路由器实现跳转
import {useRouter} from 'vue-router';
const router=useRouter();

//声明一个变量存储用户名和密码

let info:any=reactive({
    UserName:'',
    UserPwd:'',
});

const login=()=>{
//1.判断有效性
if(info.UserName=='')
{
    alert('账号不能为空');
    return;
}
if(info.UserPwd=='')
{
    alert('密码不能为空');
    return;
}
//2.发送网路请求
axios({
  url:'https://localhost:7193/api/Admin/GetAdminModel',
  method:'get',
  params:info,

})
.then(res=>{
    //res就是返回的结果
    console.log(res);
    //如果有值跳转到等级添加页面
    if(res.data==''){
        alert('请添加用户信息');
        return;
    }
    else{
      alert('登录成功');
      //登陆成功,存储信息,跳转
      //router.push("路由");
      router.push("/memberlevadd");

    }
})

.catch((err)=>{
   //err就是返回错误结果
   console.log(err);
})

}
</script>

<style scoped>

</style>